﻿<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Login.aspx.vb" Inherits="LecturerAppointmentSystem.Login"
    MasterPageFile="~/Outer.Master" %>

<asp:Content ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <br />
    <h1>
        Online Lecturer Appointment System</h1>
    <div id="fbButton" runat="server" align="center">
    <asp:LoginView ID="LoginView1" runat="server">
    <AnonymousTemplate>

    <table class="style1">
            <tr>
                <td>
                    <asp:Login ID="Login2" runat="server" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4"
        BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em"
        ForeColor="#333333" Height="192px" Width="350px"
        CreateUserText="Not registered? Click here to register." 
        CreateUserUrl="~/Register.aspx" DestinationPageUrl="~/Default.aspx">
        <InstructionTextStyle Font-Italic="True" ForeColor="Black" />
        <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px"
            Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" />
        <TextBoxStyle Font-Size="0.8em" />
        <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" 
            ForeColor="White" />
    </asp:Login>&nbsp;</td>
                <td>
                   <fb:login-button perms="email" onlogin="document.location.href = 'callback.aspx'"
                   autologoutlink="true"></fb:login-button> &nbsp;</td>
            </tr>
        </table>
    </AnonymousTemplate> 
    </asp:LoginView>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <h3>Or login using your Facebook account</h3><br />
        
        <br />
    
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>
    <p>
        <fb:like></fb:like>
    </p>
    <div id="fb-root"></div>
    <script type="text/javascript">
            window.fbAsyncInit = function () {
            FB.init({ appId: '<%= LecturerAppointmentSystem.callback.FaceBookAppKey %>', status: true, cookie: true,
                xfbml: true
            });
            FB.getLoginStatus(fbLoginStatus);
            FB.Event.subscribe('auth.statusChange', fbLoginStatus);

        };
        (function () {
            var e = document.createElement('script'); e.async = true;
            e.src = document.location.protocol +
			'//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
        } ());
        </script>    
    <br />
    <br />
    <br />
    <asp:LoginStatus ID="LoginStatus1" runat="server" />
    <br />
    <br />
    &nbsp;&nbsp;&nbsp;
    
</asp:Content>
<asp:Content ID="Content1" runat="server" contentplaceholderid="head">
    <style type="text/css">
        .style1
        {
            width:  100%;
        }
    </style>
</asp:Content>

